  *{
        border: 0px ;
        margin: 0px;
    }
    body{
        font-size: 12px;
        background-color: lightgray;
      font-family: "微软雅黑";
    }
       body>div:nth-of-type(1){
          position: fixed;
            width: 100%;
            height: 59px;
            z-index:999;
            background-color:#990000 ;
        }
        #top{
          width: 1100px;
          min-width:1100px;
           height:59px;
           z-index: 99999999;
           margin: 0px auto;
        }
      #top ul{
       width: 890px;
       height: 59px;
      }
       #top li{
        display: inline-block;
        height: 35px;
        padding-bottom:5px;
        margin-right: 40px;
        list-style: none;
        float: left;
        line-height: 59px;
      }
       #top a{
        font-size: 14px;
        color: white;
        text-decoration: none;
       }
       #top a:hover{
        border-bottom: 1px solid white;
       }
       #top>div:nth-of-type(1){
        display:inline-block;
         position:relative;
        top:-40px;
        float:right;
        margin-right: 13px;
        width: 203px;
        height: 25px;
        overflow: hidden;
       }
       #top section{
        display:inline-block;
        width:70px;
        height: 25px;
        margin-top: -23px;
       }
       #top div:nth-of-type(1) span{
        position:absolute;
        top:0px;
        font-size:20px;
        color:white;
       }
        content{
                width: 100%;
              }
              content>div{
                width: 1040px;
                text-align: center;
                padding-top: 119px;
                margin: 0px auto;
              }
              main{
                width: 1040px;
                padding-top: 30px;
                margin: 0px auto;
              }
              main>div{
                display: none;
              }
              main>p{
                text-align: center;
              }
              main>p>a{
                padding: 0px 20px 0px 20px;
                display: inline-block;
                height: 20px;
                font-size: 15px;
                 display: inline-block;
                border-right: 1px solid gray;
                text-decoration: none;
                color: black;
              }
              .main-div{
              display: inline-block;
              }
            .main-span{
               display: inline-block;
            color: orangered;
            border-bottom: 1px solid orangered;
            padding-bottom: 2px;
           }
              .csd{
            width: 320px;
            height: 240px;
            padding-top: 30px;
            margin-left: 20px;
            position: relative;
            display: inline-block;
         }
         .csd img{
            cursor:pointer ;
         }
         .csd-div{
           width: 321px;
           height: 160px;
           display: inline-block;
           position: absolute;
           cursor:pointer ;
           z-index: 99;
           opacity: 0.3;
           background-color: black;
         }
/*          .csd-div:hover{
         opacity: 0;
         transition: 0.3s;
         } */
          .csd>div:nth-of-type(2){
           width: 320px;
           height: 80px;
            cursor:pointer ;
           margin-top: -4px;
           background-color: white;
          }
           .csd>div:nth-of-type(2):hover{
            background-color: orangered;
            transition: 0.3s;
           }
           .csd>div:nth-of-type(2):hover a{
            color: white;
            transition: 0.3s;
           }
             .csd>div:nth-of-type(2):hover span{
            color: white;
            transition: 0.3s;
           }
         .csd>div>span{
           height: 80px;
           margin-left: 20px;
           margin-right: 20px;
           display: inline-block;
         }
          .csd>div>span a{
              display: inline-block;
              width: 280px;
              height: 40px;
              line-height: 40px;
              text-decoration: none;
            color: black;
            font-size: 16px;
          }
           .csd>div>span span{
             display: inline-block;
              color: darkgray;
            font-size: 12px;
           }


           footer{
                  height: 250px;
                  width: 100%;
                  margin: 0 auto;
                   background-color: #393939;
             }
             .foot-div1{
              width: 100%;
              height: 30px;
               background-color: #4f4f4f;
             }
             .foot-div1>div{
              width: 1024px;
              line-height: 30px;
              color: #c1c1c1;
               margin: 0px auto;
             }
             .foot-div2{
              width: 1024px;
               min-width: 1024px;
              color: #c1c1c1;
               margin: 0px auto;
             }
             .foot-div2>div:nth-of-type(1){
              display: inline-block;
             }
             .foot-div2 p{
               line-height: 19px
             }
             #foot-div3{
               display: inline-block;
                float: right;
             }
             #foot-div3 li{
               float: left;
               margin-left: 20px;
                width: 90px;
               display: inline-block;
              }
              #foot-div3  p{
                font-size: 15px;
                cursor: pointer;
                 display: inline-block;
               }
                #foot-div3  p:hover{
                 color: white;
                 border-bottom:1px solid white ;
                 transition: 0.2s;
                }
               #foot-div3  li>a:nth-of-type(1){
                margin-top: 15px;
               }
               #foot-div3  a{
                font-size: 10px;
                display: inline-block;
               margin-top: 5px;
                 color: #c1c1c1;
                text-decoration: none;
               }
                #foot-div3  a:hover{
                  color: white;
                   transition: 0.2s;
                }